<template>
    <dl>
        <dt>
            <img :src="item.img" alt="">
        </dt>
        <dd>
            <h4>{{item.name}}</h4>
            <p>￥{{item.price}}</p>
            <go-add :num="item.num" :id="item.id"></go-add>
        </dd>
     </dl>
</template>

<script>
import GoAdd from "./go-add"
export default {
    props:["item"],
    components:{
        GoAdd   //添加购物车组件
    },
    
}
</script>

<style scoped lang="scss">
    dl{
        display:flex;
        margin: 20px 0;
        padding: 0 10px;
        dt{
            width: 80px;
            height: 80px;
            img{
                width: 100%;
                height:100%;;
            }
            margin-right:10px;
        }
    }
</style>
